@charset "utf-8";
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
@mixin mi($width,$height,$bg){
    width:$width;
    height: $height;
    background: $bg;
}
@mixin wh($width,$height){
    width:$width;
    height: $height;
}
@mixin size($font,$size,$color){
    font-family: $font;
    font-size: $size;
    color: $color;
}
.opus-head span a:nth-child(3){
        color:#444f58;
}
.opus-head span a:nth-child(4){
       color:#99999a;
}
.set-manage{
    @include wh(542px,802px);
    margin-left: 122px;
    margin-top: 27px;
    b{
        font-size:20px;
        line-height: 64px;
        color: #444f58;
    }
    span{
        margin-right: 20px;
        float: right;
        position: relative;
        .shop-ico{
            display: block;
            position: absolute;
            top: 34%;
            left: -10%;
            @include wh(17px,17px);
            background: #eb413d;
            color: white;
            border-radius: 50%;
            text-align: center;
        }
        b{
            font-size: 13px;
            color: #878787;
            font-weight: normal;
        }
    }
    .set-cause{
        margin-top: 22px;
        @include wh(540px,717px);
        background: #f7f7f7;
        margin:0 auto;
        .set-pass{
            @include wh(500px,40px);
            border: 1px solid #eb413d;
            border-radius: 2px;
            background: #eb413d;
            text-align: center;
            margin-bottom: 20px;
            margin: 0 auto;
            margin-bottom: 20px;
            b{
                font-size:13px;
                color: white;
                line-height: 40px;
                font-weight: normal;
            }
        }
    
    .set-logo{
        @include wh(201px,99px);
        margin: 0 auto;
       margin-left: 82px;
       
        i{  
            color: #eb413d;
            line-height: 99px;
        }
        b{
            font-size: 13px;
            color: #444f58;
            line-height: 99px;
            font-weight: normal;
        }
        
        .set-photo{
            @include wh(100px,100px);
            border: 1px solid #f0f0f0;
            background: #f0f0f0;
            border-radius: 4px;
            margin-left: 18px;
            background-image: url(../img/set/set-photo.png);
            background-repeat: no-repeat;
            background-position: 30px 30px;
            input{
                @include wh(100px,100px);
                opacity: 0;
            }
            
        }
    }
    .set-jpg{
        @include wh(328px,40px);
        margin: 0 auto; 
        margin-top:16px;
        background: #f0f0f0;
        position: relative;
        margin-left: 83px;
        .shop-ico{
            display: block;
            position: absolute;
            top: 29%;
            left: 2%;
            @include wh(17px,17px);
            background: #eb413d;
            color: white;
            border-radius: 50%;
            text-align: center;
        }
        b{
            padding-left: 30px;
            font-size: 13px;
            line-height: 40px;
            color: #878787;
            font-weight: normal;
        }
    }
    hr{
        width: 341px;
        margin: 0 auto;
        margin-top: 23px;
        margin-bottom: 25px;
        border:none;
        color: #e7e7e7;
        margin-left: 83px;
        border: 1px solid #e7e7e7;
    }
    .set-name{
             @include wh(343px,21px);
             margin: 0 auto;
             margin-top: -30px;
             margin-left: 83px;
            i{
                color: #eb413d;
            }
            b{  font-size: 13px;
                color: #444f58;
                font-weight: normal;
        }
       }
       input[type="text"]{
           margin-left: 83px;
           @include wh(336px,41px);
           margin-top: 25px;
           margin-bottom: 6px;
           text-indent: 1em;
       }
       p{
           font-size: 13px;
           color: #eb413d;
           margin-left: 83px;
       }
       .set-nds{
             @include wh(343px,21px);
             margin: 0 auto;
             margin-top: -8px;
             margin-left: 83px;
            i{
                color: #eb413d;
            }
            b{  font-size: 13px;
                color: #444f58;
                font-weight: normal;
        }
       }
       .set-nds-b{
           b{
          font-size: 13px;
          color: #878787;
          margin-left: 83px;
          font-weight: normal;
        }
       input[type="text"]{
          margin-left: 0px;
           @include wh(169px,38px);
           text-indent: 1em;
       } 
       }
       .set-texteare{
           margin-left: 83px;
       i{       
                color: #eb413d;
            }
            b{  font-size: 13px;
                color: #444f58;
                font-weight: normal;
        }
        textarea{
            margin-top: -10px;
            @include wh(336px,120px);
            resize: none;
            padding:10px;
            border-radius: 4px;
        }
    }
    input[type="button"]{
        @include wh(150px,48px);
        border-radius: 20px;
        background: #eb413d;
        color: white;
        margin-top: 18px;
    }
}
}
